<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style_top.css" />
<title>BT Fusion</title>

<link rel="stylesheet" type="text/css" href="jqfader/jqfader_top.css" />
<script type="text/javascript" src="jqfader/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jqfader/jqfader.js"></script>
<script type="text/javascript">
(function($) {
	$(document).ready(function(){
		//$('#menu1').ptMenu();
		
		$('#techs img').bind({
			mouseenter: function(){
				changeSrc(this);
			},
			mouseleave: function(){
				reChangeSrc(this);
			}
		});
	});
})(jQuery);



function changeSrc(item){
	source = item.src;
	
	var res = source.replace('_logo','_hober');
	item.src= res;
}

function reChangeSrc(item){
	source = item.src;

	var res = source.replace('_hober','_logo');
	item.src= res;
}

</script>
</head>

<body>
	<div id="main">
      <!--<div id="header">-->
    	<div class="con">
    		<div id="logo"><img src="images/logo.png" /></div>
        	<div id="search"><img src="images/search.png" /></div>
            <div class="clear"></div>
            <div id="top_menu">
            	<li><a href="#"><img src="images/home_btn.jpg" /></a></li>
                <li><a href="#"><img src="images/aboutus_btn.png" /></a></li>
                <li><a href="#"><img src="images/services_btn.png" /></a></li>
                <li><a href="#"><img src="images/technologies_btn.png" /></a></li>
                <li><a href="#"><img src="images/projects_btn.png" /></a></li>
                <li><a href="#"><img src="images/news_btn.png" /></a></li>
                <li><a href="#"><img src="images/contact_btn.png" /></a></li>
            </div>
            <div class="clear"></div>
            <div id="banner">
            	<!--<div id="wsnSlider">
                <img src="images/banner.png" />
                	<ul class="buttons">
                        <li><a href="images/banner.png">1</a></li>
                        <li><a href="images/banner.png">2</a></li>
                        <li><a href="images/banner.png">3</a></li>
                        <li><a href="images/banner.png">4</a></li>             
        			</ul>
                </div>-->
				<div id="header">
					<!-- header content would go here -->    
					<!-- *** jQuery Fader code starts *** -->
					<div id="wsnFader">
						<img src='images/banner1.jpg' alt="" />
						<div class="caption">
							<h3>Blue Skies Fading</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis porttitor sem, eget iaculis massa fermentum ut.</p>
						</div>
						<ul class="buttons">
						<li><a href="images/inner_banner/1.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis porttitor sem, eget iaculis massa fermentum ut.">Blue Skies Fading</a></li>
							<li><a href="images/inner_banner/2.jpg" title="Duis porta laoreet aliquet. Nam ut sem eu eros varius dictum ac sit amet sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit.">Attack of the Zombie Dogs</a></li>
							<li><a href="images/inner_banner/3.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis porttitor sem, eget iaculis massa fermentum ut.">As easy as a busy bee in spring...</a></li>
							<li><a href="images/inner_banner/4.jpg" title="Duis porta laoreet aliquet. Nam ut sem eu eros varius dictum ac sit amet sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit.">Blasting away the competition</a></li>
							<li><a href="images/inner_banner/5.jpg" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis porttitor sem, eget iaculis massa fermentum ut.">On the Can</a></li> 
					  </ul>
					</div>
					<!-- *** jQuery Fader code ends *** -->
					 
				</div>  

            </div>
            <div class="clear"></div>
            <div id="description_cont_left">
            	
                <div class="clear"></div>
                <div class="pageTitle">Title of Page 1.</div>
              <p class="desc_text">Nunc mattis aliquet congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ullamcorper vehicula lobortis. Curabitur eget condimentum arcu. Vivamus a ante eu nisi viverra malesuada sed vel turpis. Donec urna turpis; tincidunt quis sodales ac, auctor eget risus! Praesent fermentum nibh quis turpis sagittis varius. Duis nec nisl sed lectus tincidunt dapibus. Vivamus lacus purus, malesuada nec blandit vitae, luctus interdum ipsum. Aenean et ligula purus, id porttitor nibh? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi lectus mi, viverra sed venenatis quis, fermentum ut nisl. Sed massa libero, commodo a gravida et, tristique id quam! Aliquam nunc turpis; dapibus ac sodales et, egestas eu est. Nulla at nisl tortor, a scelerisque urna! Vivamus ut odio libero. Pellentesque lorem ligula; vulputate id malesuada vitae, fermentum id metus.</p>
              <p class="desc_text">Nunc mattis aliquet congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ullamcorper vehicula lobortis. Curabitur eget condimentum arcu. Vivamus a ante eu nisi viverra malesuada sed vel turpis. Donec urna turpis; tincidunt quis sodales ac, auctor eget risus! Praesent fermentum nibh quis turpis sagittis varius. Duis nec nisl sed lectus tincidunt dapibus. Vivamus lacus purus, malesuada nec blandit vitae, luctus interdum ipsum. Aenean et ligula purus, id porttitor nibh? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi lectus mi, viverra sed venenatis quis, fermentum ut nisl. Sed massa libero, commodo a gravida et, tristique id quam! Aliquam nunc turpis; dapibus ac sodales et, egestas eu est. Nulla at nisl tortor, a scelerisque urna! Vivamus ut odio libero. Pellentesque lorem ligula; vulputate id malesuada vitae, fermentum id metus.</p>
              <p class="desc_text">Nunc mattis aliquet congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras ullamcorper vehicula lobortis. Curabitur eget condimentum arcu. Vivamus a ante eu nisi viverra malesuada sed vel turpis. Donec urna turpis; tincidunt quis sodales ac, auctor eget risus! Praesent fermentum nibh quis turpis sagittis varius. Duis nec nisl sed lectus tincidunt dapibus. Vivamus lacus purus, malesuada nec blandit vitae, luctus interdum ipsum. Aenean et ligula purus, id porttitor nibh? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi lectus mi, viverra sed venenatis quis, fermentum ut nisl. Sed massa libero, commodo a gravida et, tristique id quam! Aliquam nunc turpis; dapibus ac sodales et, egestas eu est. Nulla at nisl tortor, a scelerisque urna! Vivamus ut odio libero. Pellentesque lorem ligula; vulputate id malesuada vitae, fermentum id metus.</p>
                
            </div>
            
		<div id="description_cont_right">
            	<div class="right_menu_con">
                    <div class="cw"></div>
                    <div class="right_mid">
                        <table class="rig_table">
                        	<tr>
                            	<td><a href="#">USA</a></td>
                                <td><a href="#">CANADA</a></td>
                            </tr>
                            <tr>
                            	<td><a href="#">GERMANY</a></td>
                                <td><a href="#">SWEDEN</a></td>
                            </tr>
                            <tr>
                            	<td><a href="#">NETHERLANDS</a></td>
                                <td><a href="#">POLAND</a></td>
                            </tr>
                            <tr>
                            	<td><a href="#">AUSTRALIA</a></td>
                                <td><a href="#">BELARUS</a></td>
                            </tr>
                            <tr>
                            	<td>&nbsp;</td>
                                <td><a href="#">View all</a></td>
                            </tr>
                        </table>
                    </div>
                    <div class="right_bottom"></div>
                </div>
                <div class="clear"></div>
                
                <div class="right_menu_con">
                    <div class="test"></div>
                    <div class="right_mid">
                        <div class="testim_text">
                        	<p>Oxagile has been great over the last couple of months working with us on various Magento integration projects. Oxagile does a very good job making... Triality Inc., Jordan Blackburn, USA</p>
                        </div>
                    </div>
                    <div class="right_bottom"></div>
                </div>
                <div class="clear"></div>
                
                <div class="right_menu_con">
                    <div class="cu"></div>
                    <div class="right_mid">
					<div class="testim_text"> 
                            <form>
                                Name<br/>
                                <input type="text" name="name" id="name" value="" />
                                <br/>Email<br/>
                                <input type="text" name="email" id="email" value="" />
                            	<br/>Question<br/>
                                <textarea style="width:100%; height:100px; resize:none;" name="question" id="question"></textarea>
                          		<input style="background-image:url(images/sand_btn.png); width:79px; height:20px; float:right; margin-top:5px; margin-bottom:5px;" type="submit" name="submit" value="" />
                            </form>
					</div>
                    <div class="clear"></div>
                    </div>
                    <div class="right_bottom"></div>
				</div>
				<div class="clear"></div>
        </div>
		<div id="clear"></div>
        <div id="left_botton_menu_con">
        	<!--a href="#"><img src="images/techno.png" /></a-->
        	<div id="left_botton_menu_top"></div>
            <div id="left_botton_menu_mid">
            	
            	<table id="techs">
                	<tr>
                    	<td><a href="#" ><img src="images/java_logo.png" /></a></td>
                        <td><a href="#"><img src="images/dotnet_logo.png" /></a></td>
                        <td><a href="#"><img src="images/php_logo.png" /></a></td>
                        
                        <!--td><a href="#"><img src="images/iphone_logo.png" /></a></td-->
                        <td><a href="#"><img src="images/apache_logo.png" /></a></td>
                        <td><a href="#"><img src="images/sharepoint_logo.png" /></a></td>                        
						</tr>
                        <tr>                        
                        <td><a href="#"><img src="images/android_logo.png"/></a></td>

                        <td><a href="#"><img src="images/sqlserver_logo.png" /></a></td>                        
                        <td><a href="#"><img src="images/nignx_logo.png" /></a></td>
                        <td><a href="#"><img src="images/mysql_logo.png"/></a></td>
                        <td><a href="#"><img src="images/joomla_logo.png" /></a></td>                        


                        
                    </tr>
                </table>
            </div>
            <div id="left_botton_menu_bottom"></div>
        </div>
        <div class="clear"></div>
        </div>
		</div>
        
        <div id="footer_cont">
        	<div class="con">
        	<!--<div class="left_foot">
               <h6>© 2011 DCastalia All rights reserved.</h6>
            </div>
            <div class="right_foot">
            <h6>Join us-</h6>
            	<ul class="foot_img">
                	
                    <li><a href="#"><img src="images/fb_icon.png" /></a></li>
                    <li><a href="#"><img src="images/fliker_icon.png" /></a></li>
                    <li><a href="#"><img src="images/twitter_icon.png" /></a></li>
                </ul>-->
                <table style="width:100%;">
                	<tr class="left_foot">
                    	<td><h6>© 2011 DCastalia All rights reserved.</h6></td>
                    </tr>
                    <tr class="right_foot">
                    	<td><h6>Join us-</h6></td>
                        <td><a href="#"><img src="images/fb_icon.png" /></a></td>
                        <td><a href="#"><img src="images/fliker_icon.png" /></a></td>
                        <td><a href="#"><img src="images/twitter_icon.png" /></a></td>
                    </tr>
                </table>
            </div>
        	<!--</div>
        </div>-->
	</div>
</body>
</html>
